<template>
  shallowReadonly：{{sr}}
  <br>
  props：{{ props }}222<br>
  {{ state }}
</template>

<script setup lang="ts">
  import { reactive, shallowReadonly } from 'vue'

  import { defineStore } from '@naturefw/nf-state'

  // import type { IAnyObject } from '@naturefw/nf-state'

  const ret = reactive({
    name: 'reactive'
  })

  const sr = shallowReadonly(ret)
  console.log('shallowReadonly:\n', sr)


  const props = defineProps({
    name: String
  })

  console.log('props-option:\n', props)

  console.log(sr, props)

  

  type person = {
    name: string
  }
  const state = defineStore<person>('33', {
    state2: {
      name: 'dd'
    }
  })

  console.log('state', state)



</script>